<template>
  <div>
    <!-- 样本基本参数卡片视图区域 -->
    <el-card class="box-card">
      <el-row :gutter="20">
        <el-col :span="4" style="margin-top: 4px">
          <el-button type="primary" size="mini" @click="showQueryDialog = true">高级查询</el-button>
        </el-col>
        <el-col :span="2" style="margin-top: 4px">
          <el-button type="primary" size="mini" @click="showImport('样本基本参数',0)">导入</el-button>
        </el-col>
      </el-row>
      <el-table :data="parameterList" height="500px" style="margin: 10px 0 10px" highlight-current-row @current-change="parameterClick" border :header-cell-style="{ background: '#FAFAFA' }">
        <el-table-column align="center" type="index"></el-table-column>
        <el-table-column align="center" label="牌号" prop="grade" width="120px"></el-table-column>
        <el-table-column align="center" label="样品规格" prop="specification" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="国别" prop="country"></el-table-column>
        <el-table-column align="center" label="生产商" prop="manufacturer" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="执行标准" prop="standard" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="标称密度/(kg/m³)" width="160px" prop="nominalDensity" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="单片厚度/mm" width="110px" prop="thickness" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="标称叠压系数" width="120px" prop="overlapCoefficient" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="饱和磁密/T" width="100px" prop="fluxDensity" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="饱和磁致伸缩系数/ppm" width="180px" prop="magCoefficient" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="电导率/(S/m)" width="110px" prop="electricalConductivity" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="热导率/(W/m-k)" width="130px" prop="heatConductivity" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="屈服强度/MPa" width="120px" prop="yieldStrength" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="居里温度/Cel.Deg" width="140px" prop="curieTemperature" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="入库日期" prop="inDate" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="样品柜编号" width="100px" prop="cabinetNumber" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="项目组" prop="projuctGroup" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="样品提供人" width="100px" prop="sampleProducer" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" label="备注" prop="remarks" show-overflow-tooltip></el-table-column>
        <el-table-column align="center" fixed="right" label="操作" width="200px">
          <template slot-scope="scope">
            <el-button type="text" v-if="starflag" @click="changeStar">
              <i class="el-icon-star-on"></i>
            </el-button>
            <el-button type="text" v-else @click="changeStar">
              <i class="el-icon-star-off"></i>
            </el-button>
            <el-divider direction="vertical"></el-divider>
            <span>
              <el-badge :value="12" class="item" type="primary">
                 <img src="@/assets/iconfile/like3.png" alt="" v-if="likeflag" @click="changeLike(scope.row)">
                <img src="@/assets/iconfile/like5.png" alt="" v-else @click="changeLike(scope.row)">
              </el-badge> 
            </span>
            <span style="margin-left:20px">
              <el-badge :value="12" class="item" type="primary">
                <img src="@/assets/iconfile/dislike1.png" alt="" v-if="dislikeflag" @click="changeDislike(scope.row)">
                <img src="@/assets/iconfile/dislike2.png" alt="" v-else @click="changeDislike(scope.row)">
              </el-badge>
            </span>
            <el-divider direction="vertical"></el-divider>
            <el-button style="margin-left: 10px" type="text" size="mini" @click="getComment()">评论</el-button>
          </template>
        </el-table-column>
      </el-table>
      <!-- 分页区 -->
      <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryInfo.pagenum" :page-sizes="[10, 20]" :page-size="queryInfo.pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total"> </el-pagination>
    </el-card>

    <el-tabs style="margin-top: 10px" tab-position="top">
      <el-tab-pane label="测量统计">
        <!-- 测量数据卡片视图区域 -->
          <el-card class="box-card">
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">静态原始波形 : {{conditionNum.静态原始波形}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">动态原始波形 : {{conditionNum.动态原始波形}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">静态磁化曲线 : {{conditionNum.静态磁化曲线}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">动态磁化曲线 : {{conditionNum.动态磁化曲线}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">静态磁滞曲线 : {{conditionNum.静态磁滞曲线}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">动态磁滞曲线 : {{conditionNum.动态磁滞曲线}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">静态铁损曲线 : {{conditionNum.静态铁损曲线}}</el-tag>
            <el-tag style="margin-left:20px;font-size:28px;margin-bottom:10px">动态铁损曲线 : {{conditionNum.动态铁损曲线}}</el-tag>
          </el-card>
      </el-tab-pane>
      <el-tab-pane label="详细信息">
        <!-- 测量数据卡片视图区域 -->
        <div class="box">
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col>国内外相同牌号
                <el-button style="float:right;padding:3px" type="text" @click="showImport('国内外相同牌号',3)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-for="(item, index) in sameCountry" :key="index">
              <span style="display: inline-block; margin-left: 5px">{{ item.country }}</span>
              <span style="display: inline-block; margin-left: 10px;float:right">{{ item.alias }}</span>
              <hr/>
            </div>
          </el-card>
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col> 材料标签 
                <el-button style="float:right;padding:3px" type="text" @click="showImport('材料标签',2)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-for="(item, index) in materialLabel" :key="index">
              <span style="display: inline-block; margin-left: 5px; text-align:center">{{ item.product_label }}</span>
              <hr />
            </div>
          </el-card>
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col> 化学成分 
                <el-button style="float:right;padding:3px" type="text" @click="showImport('化学成分',4)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-for="(item, index) in chemical" :key="index">
              <span style="display: inline-block; margin-left: 5px">{{ item.chemical_formula }}</span>
              <span style="display: inline-block; margin-left: 5px;float:right">{{ item.number_range }}</span>
              <hr />
            </div>
          </el-card>
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col> 生产商 
                <el-button style="float:right;padding:3px" type="text" @click="showImport('生产商',5)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-if="producerDetail.producer !== ''">
              名称<span style="display: inline-block; margin-left: 5px">{{ producerDetail.producer }}</span>
              <hr />
              国别<span style="display: inline-block; margin-left: 5px">{{ producerDetail.country }}</span>
              <hr />
              地址<span style="display: inline-block; margin-left: 5px">{{ producerDetail.address }}</span>
              <hr />
              邮箱<span style="display: inline-block; margin-left: 5px">{{ producerDetail.email }}</span>
              <hr />
              网站<span style="display: inline-block; margin-left: 5px">{{ producerDetail.website }}</span>
              <hr />
              电话<span style="display: inline-block; margin-left: 5px">{{ producerDetail.telephone }}</span>
              <hr />
              传真<span style="display: inline-block; margin-left: 5px">{{ producerDetail.fax }}</span>
              
            </div>
          </el-card>
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col> 生产商标签 
                <el-button style="float:right;padding:3px" type="text" @click="showImport('生产商标签',6)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-for="(item, index) in producerLabel" :key="index">
              <hr style="margin-top: 20px" />
              <span style="display: inline-block; margin-left: 5px">{{ item.producer_label }}</span>
            </div>
          </el-card>
          <el-card class="box-card" style="width: 16%">
            <el-row>
              <el-col> 样品规格参数 
                <el-button style="float:right;padding:3px" type="text" @click="showImport('样品规格参数',-1)">导入</el-button>
              </el-col>
            </el-row>
            <hr style="margin-top: 20px" />
            <div v-if="producerDetail.producer !== ''">
              内径(m)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.producer }}</span>
              <hr />
              外径(m)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.country }}</span>
              <hr />
              磁环高度(m)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.address }}</span>
              <hr />
              质量(kg)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.email }}</span>
              <hr />
              初级绕组匝数<span style="display: inline-block; margin-left: 5px">{{ producerDetail.website }}</span>
              <hr />
              次级绕组匝数<span style="display: inline-block; margin-left: 5px">{{ producerDetail.telephone }}</span>
              <hr />
              有效磁路长度(m)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.fax }}</span>
              <hr />
              轴向截面积(m^2)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.website }}</span>
              <hr />
              实际质量密度(kg/m^3)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.telephone }}</span>
              <hr />
              磁路截面积(m^2)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.fax }}</span>
              <hr />
              环宽(m)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.website }}</span>
              <hr />
              体积(m^3)<span style="display: inline-block; margin-left: 5px">{{ producerDetail.telephone }}</span>
              <hr />
              备注<span style="display: inline-block; margin-left: 5px">{{ producerDetail.fax }}</span>
            </div>
          </el-card>
        </div>
      </el-tab-pane>

      <el-tab-pane label="测量条件">
        <!-- 测量条件卡片视图区域 -->
        <el-card class="box-card" style="margin-top: 10px">
          <el-row :gutter="20" style="margin-top: 10px">
            <el-col :span="4" :offset="4">
              曲线类型:
              <el-select v-model="curve" placeholder="请选择" style="width: 60%" size="mini" @change="judge1">
                <el-option v-for="item in curveOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
              </el-select>
            </el-col>
            <el-col :span="4" :offset="4">
              时间形式:
              <el-select v-model="display" placeholder="请选择" style="width: 60%" size="mini" @change="judge2">
                <el-option v-for="item in displayOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
              </el-select>
            </el-col>
            <el-col :span="2">
              <el-tooltip placement="right">
                <div slot="content">
                  原始波形+静态：{{conditionNum.静态原始波形}}条<br />
                  磁化曲线+静态：{{conditionNum.动态原始波形}}条<br />
                  磁滞回线+静态：{{conditionNum.静态磁化曲线}}条<br />
                  铁损曲线+静态：{{conditionNum.动态磁化曲线}}条<br />
                  原始波形+动态：{{conditionNum.静态磁滞曲线}}条<br />
                  磁化曲线+动态：{{conditionNum.动态磁滞曲线}}条<br />
                  磁滞回线+动态：{{conditionNum.静态铁损曲线}}条<br />
                  铁损曲线+动态：{{conditionNum.动态铁损曲线}}条<br />
                </div>
                <el-button type="text" size="medium" style="padding-top: 5px"><i class="el-icon-warning-outline"></i></el-button>
              </el-tooltip>
            </el-col>
          </el-row>
          <el-row :gutter="20">
            <el-col :span="4"> 测量条件 </el-col>
          </el-row>

          <!-- 静态原始波形 -->
          <el-table v-if="tableVisiable[0]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="100px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="交流磁密/T" width="100px" prop="acMagneticDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="直流磁场/(A/m)" width="140px" prop="dcMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="交流磁场/(A/m)" width="140px" prop="acMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="有无护套" width="100px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="叠压方向应力/MPa" width="100px" prop="overlyingStress" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="平行应力/MPa" width="160px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="消除应力退火" width="120px" prop="stressReliefAnnealing" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="损耗/(J/kg)" width="120px" align="center" prop="wastage" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="最大磁密/T" width="120px" prop="maximumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="最小磁密/T" width="120px" prop="minimumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[17] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[18] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[19] == 1" align="center" label="备注" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[20] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
            <el-table-column align="center" fixed="right" label="操作" width="200px">
              <template slot-scope="scope">
                <span>
                  <el-badge :value="12" class="item" type="primary">
                    <img src="@/assets/iconfile/like3.png" alt="" v-if="likeflag" @click="changeLike(scope.row)">
                    <img src="@/assets/iconfile/like5.png" alt="" v-else @click="changeLike(scope.row)">
                  </el-badge> 
                </span>
                <span style="margin-left:20px">
                  <el-badge :value="12" class="item" type="primary">
                    <img src="@/assets/iconfile/dislike1.png" alt="" v-if="dislikeflag" @click="changeDislike(scope.row)">
                    <img src="@/assets/iconfile/dislike2.png" alt="" v-else @click="changeDislike(scope.row)">
                  </el-badge>
                </span>
                <el-divider direction="vertical"></el-divider>
                <el-button style="margin-left: 10px" type="text" size="mini" @click="getComment()">评论</el-button>
              </template>
            </el-table-column>
          </el-table>

          <!-- 静态磁化曲线 -->
          <el-table v-if="tableVisiable[1]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="最大磁密/T" width="100px" prop="maximumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="最小磁密/T" width="100px" prop="minimumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="有无护套" width="100px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="叠压方向应力/MPa" width="160px" prop="overlyingStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="平行应力/MPa" width="120px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="消除应力退火" width="120px" align="center" prop="stressReliefAnnealing" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="项目组" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 静态磁滞回线线 -->
          <el-table v-if="tableVisiable[2]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="100px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="交流磁密/T" width="100px" prop="acMagneticDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="直流磁场/(A/m)" width="140px" prop="dcMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="交流磁场/(A/m)" width="140px" prop="acMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="有无护套" width="140px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="叠压方向应力/MPa" width="100px" prop="overlyingStress" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="平行应力/MPa" width="160px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="消除应力退火" width="120px" prop="stressReliefAnnealing" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="损耗/(J/kg)" width="120px" align="center" prop="wastage" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="最大磁密/T" width="120px" prop="maximumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="最小磁密/T" width="120px" prop="minimumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[17] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[18] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[19] == 1" align="center" label="备注" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[20] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 静态铁损曲线 -->
          <el-table v-if="tableVisiable[3]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" align="center" label="温度/Cel.Deg." width="120px" prop="temperature" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="最大铁损/(J/kg)" width="140px" prop="maximumIronLoss" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="最大磁密/T" width="100px" prop="maximumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="最小铁损/(J/kg)" width="140px" prop="minimumIronLoss" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="最小磁密/T" width="100px" prop="minimumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="有无护套" width="100px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="叠压方向应力/MPa" width="160px" prop="overlyingStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="平行应力/MPa" width="120px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="消除应力退火" width="120px" align="center" prop="stressReliefAnnealing" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="项目组" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 动态原始波形 -->
          <el-table v-if="tableVisiable[4]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0]" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="100px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="交流磁密/T" width="100px" prop="acMagneticDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="直流磁场/(A/m)" width="140px" prop="dcMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="交流磁场/(A/m)" width="140px" prop="acMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="有无护套" width="140px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="叠压方向应力/MPa" width="100px" prop="overlyingStress" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="平行应力/MPa" width="160px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="消除应力退火" width="120px" prop="stressReliefAnnealing" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="损耗/(J/kg)" width="120px" align="center" prop="wastage" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" label="视在功率(VA/kg)" width="130px" prop="apparentPower" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" label="电势波形因子" width="120px" align="center" prop="potentialFactor" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="最大磁密/T" width="110px" prop="maximumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="最小磁密/T" width="120px" prop="minimumFluxDensity" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[17] == 1" align="center" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[18] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[19] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[20] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[21] == 1" align="center" label="备注" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[22] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 动态磁化曲线 -->
          <el-table v-if="tableVisiable[5]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="120px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="最大磁密/T" width="120px" prop="maximumFluxDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="最小磁密/T" width="120px" prop="minimumFluxDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="有无护套" width="140px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="叠压方向应力/MPa" width="160px" prop="overlyingStress" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="平行应力/MPa" width="160px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="消除应力退火" width="120px" prop="stressReliefAnnealing" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="备注" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 动态磁滞回线 -->
          <el-table v-if="tableVisiable[6]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="100px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="最大磁密/T" width="100px" prop="maximumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="最大磁场/(A/m)" width="140px" prop="maximumMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="最小磁密/T" width="100px" prop="minimumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="最小磁场/(A/m)" width="140px" prop="minimumMagneticField" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="有无护套" width="100px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="叠压方向应力/MPa" width="160px" prop="overlyingStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="平行应力/MPa" width="120px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="消除应力退火" width="120px" align="center" prop="stressReliefAnnealing" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="项目组" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>

          <!-- 动态铁损曲线 -->
          <el-table v-if="tableVisiable[7]" :data="conditionList.datalist" border height="300px" style="margin-top: 10px" @selection-change="addChart">
            <el-table-column type="selection" width="55"> </el-table-column>
            <el-table-column v-if="conditionList.visableList[0] == 1" label="裁剪角度/Deg." width="120px" prop="cuttingAngle" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[1] == 1" align="center" label="频率/Hz" prop="frequency" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[2] == 1" label="温度/Cel.Deg" width="120px" prop="temperature" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[3] == 1" label="直流磁密/T" width="100px" prop="dcMagneticDensity" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[4] == 1" label="最大铁损/(W/kg)" width="140px" prop="maximumIronLoss" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[5] == 1" label="最大磁密/T" width="100px" prop="maximumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[6] == 1" label="最小铁损/(W/kg)" width="140px" prop="minimumIronLoss" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[7] == 1" label="最小磁密/T" width="100px" prop="minimumFluxDensity" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[8] == 1" label="有无护套" width="100px" prop="sheath" align="center" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[9] == 1" label="叠压方向应力/MPa" width="160px" prop="overlyingStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[10] == 1" label="平行应力/MPa" width="120px" prop="parallelStress" show-overflow-tooltip align="center"></el-table-column>
            <el-table-column v-if="conditionList.visableList[11] == 1" label="消除应力退火" width="120px" align="center" prop="stressReliefAnnealing" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[12] == 1" align="center" label="测量标准" prop="standard" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[13] == 1" align="center" label="测试员" prop="testControler" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[14] == 1" align="center" label="测量日期" prop="testDate" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[15] == 1" align="center" label="项目组" prop="remarks" show-overflow-tooltip></el-table-column>
            <el-table-column v-if="conditionList.visableList[16] == 1" align="center" label="文件名" prop="fileName" show-overflow-tooltip></el-table-column>
          </el-table>
          <!-- 分页区 -->
          <el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1" :current-page="pageVo.pagenum" :page-sizes="[10, 20]" :page-size="pageVo.pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total1"> </el-pagination>
        </el-card>

        <!-- 图表展示卡片视图区域 -->
        <el-card class="box-card" style="margin-top: 10px">
          <el-row :gutter="20">
            <el-col :span="4"> 图表展示 </el-col>
          </el-row>
          <div id="main" style="width: 1200px; height: 600px"></div>
        </el-card>
        <el-card class="box-card" style="margin-top: 10px">
          <el-row :gutter="20">
            <el-col :span="6"> 测量数据 </el-col>
            <el-col :span="6">
              <el-button size="mini" type="primary" @click="exportMeasureData">导出</el-button>
            </el-col>
          </el-row>
          <el-table :data="measureList" height="300px" style="margin-top: 10px; width: 50%">
            <el-table-column type="index"></el-table-column>
            <el-table-column label="Hm/(A/m)" prop="unitHm"></el-table-column>
            <el-table-column label="Bm/(T)" prop="unitBm"></el-table-column>
          </el-table>
        </el-card>
      </el-tab-pane>
    </el-tabs>
    <el-dialog :visible.sync="commentDialog" width="60%" :close-on-click-modal="false">
      <!-- 评论区 -->
        <el-input clearable v-model="newComment" placeholder="说的什么......" style="width: 400px; margin-left: 10px" @keyup.enter.native="addNewComment(conditionInfo.productId)"></el-input>
        <el-row :gutter="20" style="margin-top: 20px; margin-bottom: 10px">
          <el-col :span="6" style="font-size: 20px"> 对这条数据的评论 </el-col>
        </el-row>
        <el-divider></el-divider>
        <div v-for="(item, index) in comment" :key="index" style="margin-left: 10px">
          <div>
            <i class="el-icon-user"></i>{{ item.nickname }}：
            {{ item.content }}
            <el-button type="text" :disabled="flag !== -1" @click="replyComment(item.id)"><i class="el-icon-chat-dot-round"></i></el-button>
            <span>{{ item.createTime }}</span>
            <div style="margin-left: 20px">
              <div v-if="flag == item.id">
                @{{ item.nickname }}:
                <el-input v-model="reply" style="width: 200px" @keyup.enter.native="addComment(item)" @blur="showComment"> </el-input>
                <el-button style="margin: 0 10px" type="primary" @click="addComment(item)">发送</el-button>
                <el-button @click="cancelComment">取消</el-button>
              </div>
            </div>
            <el-divider v-if="!item.commentNum"></el-divider>
            <el-divider v-else content-position="left">
              <span @click="foldComment(index)" v-if="isfold[index]" :key="index"
                >展开{{ item.commentNum }}条回复
                <i class="el-icon-caret-bottom"></i>
              </span>
              <span @click="foldComment(index)" v-else :key="index + '1'"
                >收起
                <i class="el-icon-caret-top"></i>
              </span>
            </el-divider>
            <div v-if="!isfold[index]" v-for="(it, index1) in item.replyComments" style="margin-left: 50px" :key="index1">
              <i class="el-icon-user"></i>{{ it.nickname }} 回复 {{it.parentNickname}}： {{ it.content }}
              <el-button type="text" :disabled="flag !== -1" @click="replyComment1(it.id)"><i class="el-icon-chat-dot-round"></i></el-button>
              <span>{{ it.createTime }}</span>
              <div style="margin-left: 20px">
                <div v-if="flag == it.id">
                  @{{ it.nickname }}:
                  <el-input v-model="reply" style="width: 200px" @keyup.enter.native="addComment(it)" @blur="showComment"> </el-input>
                  <el-button style="margin: 0 10px" type="primary" @click="addComment(it)">发送</el-button>
                  <el-button @click="cancelComment">取消</el-button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </el-card>
    </el-dialog>
    <div class="queryCSS">
      <el-dialog title="高级查询构造器" :visible.sync="showQueryDialog" width="70%">
        <div style="margin-bottom: 40px">
          <el-divider></el-divider>
        </div>
        过滤条件选择:
        <el-select v-model="relation" placeholder="请选择" clearable style="width: 200px; margin-bottom: 10px">
          <el-option v-for="item in relationOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
        </el-select>
        <div v-for="index of QueryLength.length" :key="index">
          <el-row :gutter="10" style="margin-bottom: 10px">
            <el-col :span="5">
              <el-select v-model="selectedHeader[index - 1]" @change="headerChanged(index)" placeholder="请选择查询字段" clearable>
                <el-option v-for="item in headerCondition[index - 1]" :key="item.value" :label="item.label" :value="item.value"> </el-option>
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-select v-model="compara[index - 1]" @change="comparaChanged(index)" clearable style="margin: 0 10px">
                <el-option v-for="item in comparaCondition[index - 1]" :key="item.value" :label="item.label" :value="item.value"> </el-option>
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-input style="margin-right: 10px" clearable v-model="fieldValue[index - 1]"></el-input>
            </el-col>
            <el-col :span="2">
              <el-button @click="addCondition" type="primary"><i class="el-icon-plus"></i></el-button>
            </el-col>
            <el-col :span="2">
              <el-button @click="delCondition(index)"><i class="el-icon-minus"></i></el-button>
            </el-col>
          </el-row>
        </div>
        <div style="margin-top: 30px">
          <el-divider></el-divider>
        </div>
        <span>
          <el-button @click="resetQuery">重置</el-button>
        </span>
        <span style="float: right">
          <el-button @click="showQueryDialog = false">取 消</el-button>
          <el-button type="primary" @click="QueryForData">查询</el-button>
        </span>
      </el-dialog>
    </div>
    <el-dialog title="提示" :visible.sync="importTag" width="60%">
      <div style="font-size: 20px; margin-left: 40px">请下载导入模板进行导入</div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="showDataImport">先导一条</el-button>
        <el-button type="primary" style="margin-right:20px" @click="exportData">下载模板</el-button>
        <a-upload
            name="file"
            :action="uploadUrl"
            accept=".xls,.xlsx"
            :data="paramData" 
            :multiple="true"
            @change="handleChange"
            :showUploadList="false"
          >
            <el-button type="primary">已有模板，立即导入</el-button>
          </a-upload>
      </span>
    </el-dialog>
    <!-- 导入一条数据对话框 -->
    <el-dialog title="提示" :visible.sync="importOneDataVisible" width="90%">
      <el-form :inline="true">
        <el-form-item label="牌号:" label-width="170px">
          <el-input v-model="importParamter.grade"></el-input>
        </el-form-item>
        <el-form-item label="样品规格:" label-width="170px">
          <el-select v-model="importParamter.specification" placeholder="请选择" style="width: 194px">
            <el-option v-for="item in sizeList" :key="item.name" :label="item.name" :value="item.name"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="国别:" label-width="170px">
          <el-input v-model="importParamter.country"></el-input>
        </el-form-item>
        <el-form-item label="执行标准:" label-width="170px">
          <el-select v-model="importParamter.standard" placeholder="请选择" style="width: 194px">
            <el-option v-for="item in standardList" :key="item.rule_number" :label="item.rule_number" :value="item.rule_number"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="生产商:" label-width="170px">
          <el-select v-model="importParamter.manufacturer" placeholder="请选择" style="width: 194px">
            <el-option v-for="item in supplierList" :key="item.producer" :label="item.producer" :value="item.producer"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="标称密度/(kg/m³):" label-width="170px">
          <el-input v-model="importParamter.nominalDensity"></el-input>
        </el-form-item>
        <el-form-item label="单片厚度/mm:" label-width="170px">
          <el-input v-model="importParamter.thickness"></el-input>
        </el-form-item>
        <el-form-item label="标称叠压系数:" label-width="170px">
          <el-input v-model="importParamter.overlapCoefficient"></el-input>
        </el-form-item>
        <el-form-item label="饱和磁密/T:" label-width="170px">
          <el-input v-model="importParamter.fluxDensity"></el-input>
        </el-form-item>
        <el-form-item label="饱和磁致伸缩系数/ppm:" label-width="170px">
          <el-input v-model="importParamter.magCoefficient"></el-input>
        </el-form-item>
        <el-form-item label="电导率/(S/m):" label-width="170px">
          <el-input v-model="importParamter.electricalConductivity"></el-input>
        </el-form-item>
        <el-form-item label="居里温度/Cel.Deg:" label-width="170px">
          <el-input v-model="importParamter.curieTemperature"></el-input>
        </el-form-item>
        <el-form-item label="热导率/(W/m-k):" label-width="170px">
          <el-input v-model="importParamter.heatConductivity"></el-input>
        </el-form-item>
        <el-form-item label="屈服强度/MPa:" label-width="170px">
          <el-input v-model="importParamter.yieldStrength"></el-input>
        </el-form-item>
        <el-form-item label="退火工艺:" label-width="170px">
          <el-input v-model="importParamter.annealingProcess"></el-input>
        </el-form-item>
        <el-form-item label="常化工艺:" label-width="170px">
          <el-input v-model="importParamter.normalizingProcess"></el-input>
        </el-form-item>
        <el-form-item label="卷号:" label-width="170px">
          <el-input v-model="importParamter.rollNumber"></el-input>
        </el-form-item>
        <el-form-item label="内部牌号:" label-width="170px">
          <el-input v-model="importParamter.insideGrade"></el-input>
        </el-form-item>
        <el-form-item label="项目组:" label-width="170px">
          <el-input v-model="importParamter.projuctGroup"></el-input>
        </el-form-item>
        <el-form-item label="样品柜编号:" label-width="170px">
          <el-input v-model="importParamter.cabinetNumber"></el-input>
        </el-form-item>
        <el-form-item label="样品提供人:" label-width="170px">
          <el-input v-model="importParamter.sampleProducer"></el-input>
        </el-form-item>
        <el-form-item label="入库日期:" label-width="170px">
          <el-input v-model="importParamter.inDate"></el-input>
        </el-form-item>
        <el-form-item label="备注:" label-width="170px">
          <el-input v-model="importParamter.remarks"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="importOneDataVisible=false;importTag = false">取消</el-button>
        <el-button type="primary" style="margin-right:20px" @click="importOneParamter">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入国内外相同牌号对话框 -->
    <el-dialog title="导入国内外相同牌号" :visible.sync="importMarkVisible" width="70%" @close="resetMark">
      <div v-for="index of markLength.length" :key="index">
        <el-row :gutter="10" style="margin-bottom: 10px">
          <el-col :span="5" style="border-right: 1px solid #ddd;padding-bottom: 10px;padding-right: 2%;width: 22.8333%;">
            <el-select v-model="selectedMark[index - 1]" placeholder="请选择或输入牌号" clearable filterable allow-create>
              <el-option :key="chooseMark[0].value" :label="chooseMark[0].label" :value="chooseMark[0].value"> </el-option>
              <!-- <el-option v-for="item in doubleMarkList[index - 1]" :key="item.mark" :label="item.mark" :value="item.mark"> </el-option> -->
            </el-select>
          </el-col>
          <el-col :span="4" style="margin-left:10px">
            <el-input style="margin-right: 10px" clearable v-model="countryValue[index - 1]" placeholder="请输入国家"></el-input>
          </el-col>
          <el-col :span="4">
            <el-input style="margin-right: 10px" clearable v-model="markValue[index - 1]" placeholder="请输入对应牌号"></el-input>
          </el-col>
          <el-col :span="2">
            <el-button @click="addMark" type="primary"><i class="el-icon-plus"></i></el-button>
          </el-col>
          <el-col :span="2">
            <el-button @click="delMark(index)"><i class="el-icon-minus"></i></el-button>
          </el-col>
        </el-row>
      </div>
      <div style="margin-top: 30px">
        <el-divider></el-divider>
        <div class="noMaskMsg">注：该条记录的国别为 {{country}}</div>
        <div class="noMaskMsg" v-show="noMarkMsgFlag">注：该条记录无牌号</div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="resetMark">取消</el-button>
        <el-button type="primary" style="margin-right:20px" @click="importSomeMark">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入材料标签对话框 -->
    <el-dialog title="导入材料标签" :visible.sync="importMetailVisible" width="90%" @close="resetMaterialLabel">
        <div v-for="index of materialLabelLength.length" :key="index">
          <el-row :gutter="10" style="margin-bottom: 10px">
            <el-col :span="5" style="border-right: 1px solid #ddd;padding-bottom: 10px;padding-right: 2%;width: 22.8333%;">
              <el-select v-model="selectedMark[index - 1]" placeholder="请选择或输入牌号" clearable filterable allow-create>
                <el-option :key="chooseMark[0].value" :label="chooseMark[0].label" :value="chooseMark[0].value"> </el-option>
                <!-- <el-option v-for="item in doubleMarkList[index - 1]" :key="item.mark" :label="item.mark" :value="item.mark"> </el-option> -->
              </el-select>
            </el-col>
            <el-col :span="4" style="margin-left:10px">
              <el-input style="margin-right: 10px" clearable v-model="materialLabelValue[index - 1]" placeholder="请输入材料标签"></el-input>
            </el-col>
            <el-col :span="2">
              <el-button @click="addMaterialLabel" type="primary"><i class="el-icon-plus"></i></el-button>
            </el-col>
            <el-col :span="2">
              <el-button @click="delMaterialLabel(index)"><i class="el-icon-minus"></i></el-button>
            </el-col>
          </el-row>
        </div>
        <div style="margin-top: 30px">
          <el-divider></el-divider>
        </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="resetMaterialLabel">取消</el-button>
        <el-button type="primary" style="margin-right:20px" @click="importSomeMaterialLabel">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入化学成分对话框 -->
    <el-dialog title="导入化学成分" :visible.sync="importChemVisible" width="90%" @close="resetChem">
      <div v-for="index of chemLength.length" key="index">
          <el-row :gutter="10">
            <el-col :span="5" style="border-right: 1px solid #ddd;padding-bottom: 10px;padding-right: 2%;width: 22.8333%;">
              <el-select v-model="selectedMark[index - 1]" placeholder="请选择或输入牌号" clearable filterable allow-create>
                <el-option :key="chooseMark[0].value" :label="chooseMark[0].label" :value="chooseMark[0].value"> </el-option>
                <!-- <el-option v-for="item in doubleMarkList[index - 1]" :key="item.mark" :label="item.mark" :value="item.mark"> </el-option> -->
              </el-select>
            </el-col>
            <el-col :span="4" style="margin-left:10px">
              <el-input style="margin-right: 10px" clearable v-model="elementValue[index - 1]" placeholder="请输入元素"></el-input>
            </el-col>
            <el-col :span="4">
              <el-input style="margin-right: 10px" clearable v-model="contentValue[index - 1]" placeholder="请输入元素含量"></el-input>
            </el-col>
            <el-col :span="2">
              <el-button @click="addChem" type="primary"><i class="el-icon-plus"></i></el-button>
            </el-col>
            <el-col :span="2">
              <el-button @click="delChem(index)"><i class="el-icon-minus"></i></el-button>
            </el-col>
          </el-row>
        </div>
        <div style="margin-top: 30px">
          <el-divider></el-divider>
        </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="resetChem">取消</el-button>
        <el-button type="primary" style="margin-right:20px">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入生产商对话框 -->
    <el-dialog title="导入生产商" :visible.sync="importSuppierVisible" width="60%" @close="resetSupplier">
      <el-form ref="RefSupplier">
        <el-form-item label="名称:" label-width="100px"><el-input v-model="importSupplier.producer"></el-input></el-form-item>
        <el-form-item label="国别:" label-width="100px"><el-input v-model="importSupplier.country"></el-input></el-form-item>
        <el-form-item label="地址:" label-width="100px"><el-input v-model="importSupplier.address"></el-input></el-form-item>
        <el-form-item label="邮箱:" label-width="100px"><el-input v-model="importSupplier.email"></el-input></el-form-item>
        <el-form-item label="网址:" label-width="100px"><el-input v-model="importSupplier.website"></el-input></el-form-item>
        <el-form-item label="电话:" label-width="100px"><el-input v-model="importSupplier.telephone"></el-input></el-form-item>
        <el-form-item label="传真:" label-width="100px"><el-input v-model="importSupplier.fax"></el-input></el-form-item>
        <el-form-item label="联系人:" label-width="100px"><el-input v-model="importSupplier.staff"></el-input></el-form-item>
        <el-form-item label="备注:" label-width="100px"><el-input v-model="importSupplier.remarks"></el-input></el-form-item>
        
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="resetSupplier">取消</el-button>
        <el-button type="primary" style="margin-right:20px" @click="importOneSupplier">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入生产商标签对话框 -->
    <el-dialog title="导入生产商标签" :visible.sync="importSuppierLabelVisible" width="90%" @close="resetSupplierLabel">
        <div v-for="index of supplierLabelLength.length" :key="index">
          <el-row :gutter="10" style="margin-bottom: 10px">
            <el-col :span="5">
              <el-select v-model="selectedSupplier[index - 1]" placeholder="请选择或输入生产商" clearable filterable allow-create>
                <el-option v-for="item in doubleSupplierList[index - 1]" :key="item.producer" :label="item.producer" :value="item.producer"> </el-option>
              </el-select>
            </el-col>
            <el-col :span="4">
              <el-input style="margin-right: 10px" clearable v-model="SupplierLabelValue[index - 1]" placeholder="请输入生产商标签"></el-input>
            </el-col>
            <el-col :span="2">
              <el-button @click="addSupplierLabel" type="primary"><i class="el-icon-plus"></i></el-button>
            </el-col>
            <el-col :span="2">
              <el-button @click="delSupplierLabel(index)"><i class="el-icon-minus"></i></el-button>
            </el-col>
          </el-row>
        </div>
        <div style="margin-top: 30px">
          <el-divider></el-divider>
        </div>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="resetSupplierLabel">取消</el-button>
        <el-button type="primary" style="margin-right:20px">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入规格参数对话框 -->
    <el-dialog title="导入样品规格参数" :visible.sync="importSizeVisible" width="70%">
      <el-form>
        <el-form-item label="内径(m):" label-width="170px"><el-input v-model="importSimpeSize.innerDiameter"></el-input></el-form-item>
        <el-form-item label="外径(m):" label-width="170px"><el-input v-model="importSimpeSize.outerDiameter"></el-input></el-form-item>
        <el-form-item label="磁环高度(m):" label-width="170px"><el-input v-model="importSimpeSize.height"></el-input></el-form-item>
        <el-form-item label="质量(kg):" label-width="170px"><el-input v-model="importSimpeSize.mass"></el-input></el-form-item>
        <el-form-item label="初级绕组匝数:" label-width="170px"><el-input v-model="importSimpeSize.primaryTurns"></el-input></el-form-item>
        <el-form-item label="次级绕组匝数:" label-width="170px"><el-input v-model="importSimpeSize.secondaryTurns"></el-input></el-form-item>
        <el-form-item label="有效磁路长度(m):" label-width="170px"><el-input v-model="importSimpeSize.magneticLengthEff"></el-input></el-form-item>
        <el-form-item label="轴向截面积(m^2):" label-width="170px"><el-input v-model="importSimpeSize.area"></el-input></el-form-item>
        <el-form-item label="实际质量密度(kg/m^3):" label-width="170px"><el-input v-model="importSimpeSize.massDensity"></el-input></el-form-item>
        <el-form-item label="磁路截面积(m^2):" label-width="170px"><el-input v-model="importSimpeSize.magneticArea"></el-input></el-form-item>
        <el-form-item label="环宽(m):" label-width="170px"><el-input v-model="importSimpeSize.ringWidth"></el-input></el-form-item>
        <el-form-item label="体积(m^3):" label-width="170px"><el-input v-model="importSimpeSize.volume"></el-input></el-form-item>
        <el-form-item label="备注:" label-width="170px"><el-input v-model="importSimpeSize.remarks"></el-input></el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right:20px" @click="importSizeVisible=false">取消</el-button>
        <el-button type="primary" style="margin-right:20px">导入</el-button>
      </span>
    </el-dialog>
    <!-- 导入信息提示框 -->
    <el-dialog :title="`${importflag}导入结果提示`" :visible.sync="importResultVisible" width="50%" @close="allClose">
      <el-row style="margin-bottom:20px;">
        <el-col>
          <div class="importTable">
            <div class="importTableTitle">表中已存在的数据：</div>
            <div class="showHead" style="width: 100%">
              <div class="headItem" v-for="item in importResult">{{item.label}}</div>
            </div>
            <div class="showBody" v-for="item in hasExist" v-if="hasExist.length != 0">
              <div class="bodyItem">{{item.data0}}</div>
              <div class="bodyItem">{{item.data1}}</div>
              <div class="bodyItem" v-if="item.data2">{{item.data2}}</div>
            </div>
            <div class="noImportData" v-if="hasExist.length == 0">暂无数据</div>
          </div>
        </el-col>
      </el-row>
      <el-row style="margin-bottom:20px;">
        <el-col>
          <div class="importTable">
            <div class="importTableTitle">与审核重复的数据：</div>
            <div class="showHead" style="width: 100%">
              <div class="headItem" v-for="item in importResult">{{item.label}}</div>
            </div>
            <div class="showBody" v-for="item in dataWithCheck" v-if="dataWithCheck.length != 0">
              <div class="bodyItem">{{item.data0}}</div>
              <div class="bodyItem">{{item.data1}}</div>
              <div class="bodyItem" v-if="item.data2">{{item.data2}}</div>
            </div>
            <div class="noImportData" v-if="dataWithCheck.length == 0">暂无数据</div>
          </div>
        </el-col>
      </el-row>
      <el-row style="margin-bottom:20px;">
        <el-col>
          <div class="importTable">
            <div class="importTableTitle">等待审核的数据：</div>
            <div class="showHead" style="width: 100%">
              <div class="headItem" v-for="item in importResult">{{item.label}}</div>
            </div>
            <div class="showBody" v-for="item in noExist" v-if="noExist.length != 0">
              <div class="bodyItem">{{item.data0}}</div>
              <div class="bodyItem">{{item.data1}}</div>
              <div class="bodyItem" v-if="item.data2">{{item.data2}}</div>
            </div>
            <div class="noImportData" v-if="noExist.length == 0">暂无数据</div>
          </div>
        </el-col>
      </el-row>
      <span slot="footer" class="dialog-footer">
        <el-button type="primary" style="margin-right: 20px" @click="allClose">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import * as echarts from 'echarts'
export default {
  data() {
    return {
      unSelectedFlag: true,
      fileFlag: 0,
      dataWithCheck: [],
      hasExist: [],
      noExist: [],
      markList: [],
      doubleMarkList: [],//牌号下拉框的二维数组
      doubleSupplierList: [],//生产商下拉框的二维数组
      //添加国内外相同牌号对话框字段
      markLength: [''],
      selectedMark: [''],
      markValue: [''],
      countryValue: [''],
      //添加材料标签对话框字段
      materialLabelLength: [''],
      materialLabelValue: [''],
      //添加化学成分对话框字段
      chemLength: [''],
      elementValue: [''],
      contentValue: [''],
      //添加生产商
      importSupplier: {
        id: '',
        producer: '',
        country: '',
        address: '',
        email: '',
        website: '',
        telephone: '',
        staff: '',
        fax: '',
        remarks: ''
      },
      //生产商标签
      supplierLabelLength: [''],
      selectedSupplier: [''],
      SupplierLabelValue: [''],
      //样品规格参数
      importSimpeSize: {
        innerDiameter: '',//内径
        outerDiameter: '',//外径
        height: '',//磁环高度
        mass: '',//质量
        primaryTurns: '',//初级绕组匝数
        secondaryTurns: '',//次级绕组匝数
        magneticLengthEff: '',//有效磁路长度(m)
        area: '',//轴向截面积(m^2)
        massDensity: '',//实际质量密度(kg/m^3)
        magneticArea: '',//磁路截面积(m^2)
        ringWidth: '',//环宽(m)
        volume: '',//体积(m^3)
        remarks: '',//备注
      },
      importResultVisible: false,
      importSizeVisible: false,
      importSuppierLabelVisible: false,
      importSuppierVisible: false,
      importChemVisible: false,
      importMetailVisible: false,
      importMarkVisible: false,
      importOneDataVisible: false,
      //downFileName:['供应商标签','软磁动态磁化曲线测量条件表','软磁动态磁滞回线测量条件表','供应商信息','牌号标签','化学成分表信息','软磁动态原始波形测量条件表','软磁动态铁损曲线测量条件表','软磁静态磁化曲线测量条件表','软磁静态铁损曲线测量条件表','软磁静态磁滞回线测量条件表','软磁静态原始波形测量条件表','相同相近牌号','执行标准标签','软磁样品基本参数'],
      downFileName: ['软磁样品基本参数', '执行标准标签', '牌号标签', '相同相近牌号', '化学成分表信息', '供应商信息', '供应商标签', '软磁静态原始波形测量条件表', '软磁动态原始波形测量条件表', '软磁静态磁化曲线测量条件表', '软磁动态磁化曲线测量条件表', '软磁静态磁滞回线测量条件表', '软磁动态磁滞回线测量条件表', '软磁静态铁损曲线测量条件表', '软磁动态铁损曲线测量条件表'],
      paramData: {
        name: '2'
      },
      uploadUrl: 'http://59.172.104.174:30669/admin/uploadLessonFile',  //上传文件路径
      conditionNum: {},
      likePNG: '@/assets/iconfile/like3.png',
      likeflag: true,//未点赞
      dislikeflag: true,//未踩
      starflag: false,//未收藏
      commentDialog: false,
      sampleSize: '',
      tableVisiable: [0, 0, 0, 0, 0, 0, 0, 0],
      //高级查询对应字段
      relation: '',
      relationOptions: [
        {
          label: '所有条件都要满足',
          value: 'and'
        }, {
          label: '满足任意一个条件',
          value: 'or'
        }
      ],
      QueryLength: [''],
      fieldValue: [''],
      compara: [''],
      comparaOptions: [
        {
          value: '等于',
          label: '等于'
        }, {
          value: '包含',
          label: '包含'
        }, 
        // {
        //   value: '以...开始',
        //   label: '以...开始'
        // }, {
        //   value: '以...结尾',
        //   label: '以...结尾'
        // }, 
        {
          value: '不等于',
          label: '不等于'
        }, {
          value: '大于',
          label: '大于'
        }, {
          value: '大于等于',
          label: '大于等于'
        }, {
          value: '小于',
          label: '小于'
        }, {
          value: '小于等于',
          label: '小于等于'
        }
      ],
      comparaCondition: [
        [
          {
            value: '等于',
            label: '等于'
          }, {
            value: '包含',
            label: '包含'
          }, 
          // {
          //   value: '以...开始',
          //   label: '以...开始'
          // }, {
          //   value: '以...结尾',
          //   label: '以...结尾'
          // }, 
          {
            value: '不等于',
            label: '不等于'
          }, {
            value: '大于',
            label: '大于'
          }, {
            value: '大于等于',
            label: '大于等于'
          }, {
            value: '小于',
            label: '小于'
          }, {
            value: '小于等于',
            label: '小于等于'
          }
        ]
      ],
      selectedHeader: [''],
      headeroptions: [
        {
          value: 'grade',
          label: '牌号'
        }, {
          value: 'specification',
          label: '样品规格'
        }, {
          value: 'country',
          label: '国别'
        }, {
          value: 'stardard',
          label: '执行标准'
        }, {
          value: 'manufacturer',
          label: '生产商'
        }, {
          value: 'nominalDensity',
          label: '标称密度/(kg/m³)'
        }, {
          value: 'thickness',
          label: '单片厚度/mm'
        }, {
          value: 'overlapCoefficient',
          label: '标称叠压系数'
        }, {
          value: 'fluxDensity',
          label: '饱和磁密/T'
        }, {
          value: 'magCoefficient',
          label: '饱和磁致伸缩系数/ppm'
        }, {
          value: 'electricalConductivity',
          label: '电导率/(S/m)'
        }, {
          value: 'heatConductivity',
          label: '热导率/(W/m-k)'
        }, {
          value: 'yieldStrength',
          label: '屈服强度/MPa'
        }, {
          value: 'curieTemperature',
          label: '居里温度/Cel.Deg'
        }, {
          value: 'inDate',
          label: '入库日期'
        }, {
          value: 'cabinetNumber',
          label: '样品柜编号'
        }, {
          value: 'projuctGroup',
          label: '项目组'
        }, {
          value: 'sampleProducer',
          label: '样品提供人'
        }
      ],
      headerCondition: [
        [{
          value: 'grade',
          label: '牌号'
        }, {
          value: 'specification',
          label: '样品规格'
        }, {
          value: 'country',
          label: '国别'
        }, {
          value: 'stardard',
          label: '执行标准'
        }, {
          value: 'manufacturer',
          label: '生产商'
        }, {
          value: 'nominalDensity',
          label: '标称密度/(kg/m³)'
        }, {
          value: 'thickness',
          label: '单片厚度/mm'
        }, {
          value: 'overlapCoefficient',
          label: '标称叠压系数'
        }, {
          value: 'fluxDensity',
          label: '饱和磁密/T'
        }, {
          value: 'magCoefficient',
          label: '饱和磁致伸缩系数/ppm'
        }, {
          value: 'electricalConductivity',
          label: '电导率/(S/m)'
        }, {
          value: 'heatConductivity',
          label: '热导率/(W/m-k)'
        }, {
          value: 'yieldStrength',
          label: '屈服强度/MPa'
        }, {
          value: 'curieTemperature',
          label: '居里温度/Cel.Deg'
        }, {
          value: 'inDate',
          label: '入库日期'
        }, {
          value: 'cabinetNumber',
          label: '样品柜编号'
        }, {
          value: 'projuctGroup',
          label: '项目组'
        }, {
          value: 'sampleProducer',
          label: '样品提供人'
        }]
      ],
      showQueryDialog: false,
      chartList: [],
      //评论部分
      isfold: [],
      newComment: '',//新的评论
      flag: -1,
      reply: '',//评论回复
      comment: [//评论
        // {
        //   id: 1,
        //   nickname: '巡山啦',
        //   createTime: '2021-04-15 17:23',
        //   content: '这个不错哟！',
        //   commentNum: 0,
        // }, {
        //   id: 2,
        //   nickname: '雷伟',
        //   createTime: '2021-04-15 17:23',
        //   content: '这个不错哟！',
        //   commentNum: 2,
        //   replyComments: [
        //     {
        //       id: 3,
        //       nickname: '冬哥',
        //       createTime: '2021-04-15 17:26',
        //       content: '雷伟说的对！',
        //     }, {
        //       id: 4,
        //       nickname: '向钊',
        //       createTime: '2021-04-15 17:29',
        //       content: '我顶！！！',
        //     }
        //   ]
        // }, {
        //   id: 5,
        //   nickname: '雷伟',
        //   createTime: '2021-04-15 17:23',
        //   content: '这个有点问题呀',
        //   commentNum: 1,
        //   replyComments: [
        //     {
        //       id: 6,
        //       nickname: '小明',
        //       createTime: '2021-04-15 17:26',
        //       content: '是的，这条数据有问题',
        //     }
        //   ],
        // }
      ],
      //控制图表的显示和隐藏
      showChart: false,
      // 指定图表的配置项和数据
      measureList: [],
      option: {
        title: {},
        tooltip: {},
        legend: {},
        tooltip: {
          //trigger: 'item'
          formatter: '({b}{c})'//点的显示格式
        },
        toolbox: {
          feature: {
            saveAsImage: {},
          }

        },
        xAxis: {
          type: 'value',
          name: 'Hm/(A/m)'
        },
        yAxis: {
          name: 'Bm/(T)'
        },
        series: [
          //   {
          //   type: 'line',
          //   data: [5, 20, 36, 10, 10, 20],
          // }
        ]
      },
      conditionList: [],
      //静态原始波形
      staticOriginalWave: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        },
      ],
      //静态磁化曲线
      staticMagnetizingCurve: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1]
        },
      ],
      //静态磁滞回线
      staticHysteresisLoop: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        },
      ],
      //静态铁损曲线
      staticIronLossCurve: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        },
      ],
      //动态原始波形
      dynamicOriginalWave: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        },
      ],
      //动态磁化曲线
      dynamicMagnetizingCurve: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1]
        },
      ],
      //动态磁滞回线
      dynamicHysteresisLoop: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1]
        },
      ],
      //动态铁损曲线
      dynamicIronLossCurve: [
        {//实心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//叠心圆环
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//爱泼斯坦方圈试样
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//一维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1, 1]
        }, {//微小异形
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//卷绕铁心
          datalist: [],
          visableList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 1, 1, 1, 1, 1]
        }, {//定子冲片
          datalist: [],
          visableList: []
        }, {//闭路铁心
          datalist: [],
          visableList: []
        }, {//开路铁心
          datalist: [],
          visableList: []
        }, {//二维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1]
        }, {//三维单片
          datalist: [],
          visableList: [1, 1, 1, 1, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1]
        },
      ],
      producerDetail: {
        producer: '',
        country: '',
        address: '',
        email: '',
        website: '',
        telephone: '',
        fax: ''
      },
      chemical: [],
      materialLabel: [],
      sameCountry: [],
      producer: '',
      mark: '',
      condition: '',
      content: '',
      material: '',
      manufacturer: '',
      curve: '',
      display: '',
      // 分组条件
      conditionOptions: [
        {
          label: '国别',
          value: '1'
        },
        {
          label: '生产商',
          value: '2'
        },
        {
          label: '样品规格',
          value: '3'
        },
        {
          label: '年份',
          value: '4'
        }
      ],
      //分组内容
      contentOptions: [
        {
          label: '中国',
          value: '1'
        }, {
          label: '美国',
          value: '2'
        }, {
          label: '俄罗斯',
          value: '3'
        }, {
          label: '日本',
          value: '4'
        }, {
          label: '德国',
          value: '5'
        }, {
          label: '英国',
          value: '6'
        }, {
          label: '法国',
          value: '7'
        }, {
          label: '意大利',
          value: '8'
        }, {
          label: '墨西哥',
          value: '9'
        }, {
          label: '韩国',
          value: '10'
        }, {
          label: '瑞典',
          value: '11'
        }, {
          label: '卢森堡',
          value: '12'
        }, {
          label: '印度',
          value: '13'
        }, {
          label: '未知',
          value: '14'
        }
      ],
      //材料标签
      materialOptions: [
        {
          label: '高频电工钢',
          value: '1'
        },
        {
          label: '无底层',
          value: '2'
        },
        {
          label: '通用系列',
          value: '3'
        },
        {
          label: '非晶',
          value: '4'
        },
        {
          label: '超高磁感',
          value: '5'
        },
        {
          label: '高饱和型',
          value: '6'
        },
        {
          label: '去应力退火系列',
          value: '7'
        },
        {
          label: '低噪声',
          value: '8'
        },
        {
          label: '细化磁畴',
          value: '9'
        },
        {
          label: '新能源汽车系列',
          value: '10'
        },
        {
          label: '高磁感型',
          value: '11'
        },
        {
          label: '高效系列',
          value: '12'
        },
        {
          label: '纳米晶',
          value: '13'
        },
        {
          label: '取向电工钢',
          value: '14'
        },
        {
          label: '无取向电工钢',
          value: '15'
        },
        {
          label: '冷轧',
          value: '16'
        },
        {
          label: '低铁损',
          value: '17'
        },
        {
          label: '热轧',
          value: '18'
        },
        {
          label: '高强度电工钢',
          value: '19'
        },
        {
          label: '高硅电工钢',
          value: '20'
        }
      ],
      // 生产商标签
      manufacturerOptions: [
        {
          label: 'SMC',
          value: '1'
        },
        {
          label: '铁氧体',
          value: '2'
        },
        {
          label: '硅钢',
          value: '3'
        },
        {
          label: '永磁',
          value: '4'
        }
      ],
      // 曲线类型
      curveOptions: [
        {
          label: '原始波形',
          value: '原始波形'
        },
        {
          label: '磁化曲线',
          value: '磁化曲线'
        },
        {
          label: '磁滞回线',
          value: '磁滞回线'
        },
        {
          label: '铁损曲线',
          value: '铁损曲线'
        }
      ],
      // 时间形式
      displayOptions: [
        {
          label: '动态',
          value: '动态'
        },
        {
          label: '静态',
          value: '静态'
        }
      ],
      total: 10,
      total1: 10,
      //分页
      queryInfo: {
        //当前的页数
        pageNum: 1,
        //当前每页显示多少条数据
        pageSize: 10,
      },
      //测量条件分页
      pageVo: {
        //当前的页数
        pageNum: 1,
        //当前每页显示多少条数据
        pageSize: 10,
      },
      conditionInfo: {
        curveTypes: '',
        timeTypes: '',
        productId: ''
      },
      importParamter: {//导入一行对话框的数据
        id: '',//主键
        grade: '',//牌号
        specification: '',//样品规格
        country: '',//国别
        standard: '',//执行标准
        manufacturer: '',//生产商
        nominalDensity: '',//标称密度/(kg/m³)
        thickness: '',//单片厚度/mm
        overlapCoefficient: '',//标称叠压系数
        fluxDensity: '',//饱和磁密/T
        magCoefficient: '',//饱和磁致伸缩系数/ppm
        electricalConductivity: '',//电导率/(S/m)
        curieTemperature: '',//居里温度/Cel.Deg
        heatConductivity: '',//热导率/(W/m-k)
        yieldStrength: '',//屈服强度/MPa
        annealingProcess: '',//退火工艺
        normalizingProcess: '',//常化工艺
        rollNumber: '',//卷号
        insideGrade: '',//内部牌号
        projuctGroup: '',//项目组
        cabinetNumber: '',//样品柜编号
        sampleProducer: '',//样品提供人
        inDate: '',//入库日期
        remarks: '',//备注
        state: '',//是否已经审核
      },
      parameterList: [],
      message: {
        name: '',
        time: '',
        content: '',
        dataId: '',//数据id
        parentId: '',//父级id
      },
      supplierList: [],
      standardList: [],
      sizeList: [],
      producerLabel: [],
      importTag: false,
      importflag: '',
            // ******************导入信息提示框 ***********************
      importResult: [],
      importResultList: [
        { label :'表中已存在的数据：', value: 'hasExist' },
        { label :'与审核重复的数据：', value: 'dataWithCheck' },
        { label :'等待审核的数据：', value: 'noExist' },
      ],
      importMarksResult:[
        { label :'牌号', value: 'mark' },
        { label :'国家', value: 'country' },
        { label :'牌号', value: 'alias' },
      ],
      importChemResult:[
        { label :'牌号', value: 'mark' },
        { label :'元素', value: 'chemicalFormula' },
        { label :'元素含量', value: 'numberRange' },
      ],
      importSupplierResult:[
        { label :'牌号', value: 'mark' },
        { label :'生产商', value: 'producer' },
        { label :'生产标签', value: 'producerLabel' },
      ],
      importMetailResult:[
        { label :'牌号', value: 'mark' },
        { label :'材料标签', value: 'productLabel' },
      ],
      // ******************导入信息提示框 ***********************
    }
  },
  mounted() {
    this.drawChart()
  },
  created() {
    this.loadData()
    this.getOriginMessage()
    Message({
      message: '需勾选某条具体数据，才可查看下方测量条件和详细信息！',
      type: 'warning',
      center: true,
      customClass: 'myMessageClass'
    })
  },
  methods: {
    importOneParamter() { },
    handleChange(info) {
      if (info.file.status === 'done') {
        if (info.file.response.code == '201') {
          this.$message.success('重新上传文件成功！')
        }
        else if (info.file.response.code == '200') {
          this.$message.success('上传文件成功！')
        }
      }
    },
    uploadFile() {
    },
    //取消收藏
    cancelStar() {
      this.starflag = false
      //发请求
    },
    getStar() {
      this.starflag = true
      //发请求
    },
    //收藏
    //收藏点击
    changeStar() {
      this.starflag ? this.cancelStar() : this.getStar()
    },
    changeLike(row) {
      this.likeflag ? this.likeflag = false : this.likeflag = true
      // axios({
      //   url: '/systemmanagement/critic/criticData',
      //   method: 'POST',
      //   data: {
      //     dataId: row.id,
      //     userId: JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.id,
      //     nickname: eval('(' + window.localStorage.getItem('pro__Login_Userinfo') + ')').value.realname,
      //     criticClass: 0,//点赞
      //     createTime: '',
      //     lflag: this.likeflag,
      //     rflag: this.dislikeflag
      //   }
      // }).then(res => {
      //   console.log('res.data=>', res.data);
      // })
    },
    changeDislike(row) {
      this.dislikeflag ? this.dislikeflag = false : this.dislikeflag = true
    },
    //测量数据导出按钮
    exportMeasureData() {
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: '/productParameter/exportData',
        method: 'POST',
        data: new Object({ data: this.measureList }),
        responseType: 'blob',
      }).then(res => {
        const blob = new Blob([res.data]);
        const url = window.URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.style.display = 'none';
        link.download = "测量数据.txt";
        link.href = url;
        link.click()
      })
    },
    //模板导出按钮
    exportData() {
      if (this.fileFlag === -1)
        return
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: `/admin/downLoadLessonFile?name=${this.downFileName[this.fileFlag]}`,
        methods: 'GET',
        responseType: 'blob',
      }).then(res => {
        const blob = new Blob([res.data]);
        const url = window.URL.createObjectURL(blob);
        const link = document.createElement('a');
        link.style.display = 'none';
        link.download = `${this.downFileName[this.fileFlag]}.xlsx`;
        link.href = url;
        link.click()
      })
    },
    //导入
    showImport(tag, index) {
      this.importTag = true
      this.importflag = tag
      this.fileFlag = index
    },
    showDataImport() {
      if (this.importflag == '样本基本参数') {//导入一条对话框
        this.importOneDataVisible = true
      } else if (this.importflag == '国内外相同牌号') {//导入国内外相同牌号对话框
        this.importMarkVisible = true
      } else if (this.importflag == '材料标签') {//导入材料标签对话框
        this.importMetailVisible = true
      } else if (this.importflag == '化学成分') {//导入化学成分对话框
        this.importChemVisible = true
      } else if (this.importflag == '生产商') {//导入生产商对话框
        this.importSuppierVisible = true
      } else if (this.importflag == '生产商标签') {//导入生产商标签对话框
        this.importSuppierLabelVisible = true
      } else if (this.importflag == '样品规格参数') {//导入样品规格参数对话框
        this.importSizeVisible = true
      }
      this.$set(this.selectedMark, 0, this.chooseMark[0].value)
    },
    //点击查询
    QueryForData() {
      this.relation//过滤条件
      this.headerCondition//查询头部
      this.compara//中间
      this.fieldValue//查询值
      var queryArray = []
      for (var i = 0; i < this.QueryLength.length; i++) {
        if (this.selectedHeader[i] !== '' && this.compara[i] !== '' && this.fieldValue[i] !== '') {
          queryArray.push(new Object({
            name: this.selectedHeader[i],
            condition: this.compara[i],
            content: this.fieldValue[i]
          }))
        } else {
          this.loadData()
        }
      }
      if (queryArray.length == 0) {
        return false
      }
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: '/productParameter/advancedQuery/' + this.relation,
        method: 'POST',
        data: new Object({ queryArray })
      }).then(res => {
        if (res.data.code == 200) {
          this.$message.success('查询成功')
          this.parameterList = res.data.result
        }
      })
    },
    //高级查询重置
    resetQuery() {
      this.QueryLength = ['']
      this.relation = ''
      this.selectedHeader = ['']
      this.compara = ['']
      this.fieldValue = ['']
    },
    comparaChanged(index) {
      if (this.compara[index - 1] == '') {
        this.fieldValue[index - 1] = ''
      }
    },
    headerChanged(index) {
      if (this.selectedHeader[index - 1] == '') {
        this.compara[index - 1] = ''
        this.fieldValue[index - 1] = ''
      }
    },
    delCondition(index) {
      if (this.QueryLength.length === 1)
        return
      this.QueryLength.splice(index - 1, 1)
      this.comparaCondition.splice(index - 1, 1)
      this.headerCondition.splice(index - 1, 1)
      this.compara.splice(index - 1, 1)
      this.fieldValue.splice(index - 1, 1)
      this.selectedHeader.splice(index - 1, 1)
    },
    addCondition() {
      this.QueryLength.push('')
      this.comparaCondition.push(this.comparaOptions)
      this.headerCondition.push(this.headeroptions)
      this.compara.push('')
      this.fieldValue.push('')
      this.selectedHeader.push('')
    },
    delMark(index) {
      if (this.markLength.length === 1)
        return
      this.markLength.splice(index - 1, 1)
      this.selectedMark.splice(index - 1, 1)
      this.doubleMarkList.splice(index - 1, 1)
      this.markValue.splice(index - 1, 1)
      this.countryValue.splice(index - 1, 1)
    },
    addMark() {
      console.log(this.doubleMarkList);
      this.markLength.push('')
      this.doubleMarkList.push(this.markList)
      this.selectedMark.push(this.chooseMark[0].value)
      this.countryValue.push('')
      this.markValue.push('')
    },
    resetMark() {
      this.importMarkVisible = false
      this.markLength = ['']
      this.selectedMark = ['']
      this.countryValue = ['']
      this.markValue = ['']
    },
    importSomeMark() {
      var markVoList = []
      let index = this.countryList.findIndex(v=>v.label===this.country)
      console.log(index);
      var preCountry = this.countryList[index].value
      for (var i = 0; i < this.markLength.length; i++) {
        markVoList.push(new Object({
          id: '',
          mark: this.selectedMark[i],
          country: this.countryValue[i],
          alias: this.markValue[i]
        }))
      }
      var userId = JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.id
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: '/basicsMarks/importMarkByUser',
        method: 'POST',
        data: {
          userId,
          markVoList,
          preCountry,
        }
      }).then(res => {
        this.importResult = this.importMarksResult
        this.dataWithCheck = res.data.result.dataWithCheck.map((item) => {
          return { data0: item.mark, data1: item.country, data2: item.alias }
        })
        this.hasExist = res.data.result.hasExist.map((item) => {
          return { data0: item.mark, data1: item.country, data2: item.alias }
        })
        this.noExist = res.data.result.noExist.map((item) => {
          return { data0: item.mark, data1: item.country, data2: item.alias }
        })
        // this.importResultVisible = true
        this.importMarkVisible = false
        Message({
          showClose: true,
          message: '请等待审核',
          type: 'success',
          customClass: "myMessageClass",
        })
      })
    },
    // 导入窗口和编辑窗口全部关闭
    allClose() {
      this.importMarkVisible = false
      this.importChemVisible = false
      this.importMetailVisible = false
      this.importSuppierLabelVisible = false
      this.importResultVisible = false
    },
    addMaterialLabel() {
      this.materialLabelLength.push('')
      this.materialLabelValue.push('')
      this.selectedMark.push(this.chooseMark[0].value)
      this.doubleMarkList.push(this.markList)
    },
    delMaterialLabel(index) {
      if (this.materialLabelLength.length === 1)
        return
      this.materialLabelLength.splice(index - 1, 1)
      this.materialLabelValue.splice(index - 1, 1)
      this.selectedMark.splice(index - 1, 1)
      this.doubleMarkList.splice(index - 1, 1)
    },
    resetMaterialLabel() {
      this.importMetailVisible = false
      this.selectedMark = ['']
      this.materialLabelLength = ['']
      this.materialLabelValue = ['']
    },
    importSomeMaterialLabel() {

    },
    addChem() {
      this.chemLength.push('')
      this.elementValue.push('')
      this.contentValue.push('')
      this.selectedMark.push(this.chooseMark[0].value)
      this.doubleMarkList.push(this.markList)
    },
    delChem() {
      if (this.chemLength.length === 1)
        return
      this.chemLength.splice(index - 1, 1)
      this.elementValue.splice(index - 1, 1)
      this.contentValue.splice(index - 1, 1)
      this.selectedMark.splice(index - 1, 1)
      this.doubleMarkList.splice(index - 1, 1)
    },
    resetChem() {
      this.importChemVisible = false
      this.chemLength = ['']
      this.selectedMark = ['']
      this.elementValue = ['']
      this.contentValue = ['']
    },
    resetSupplier() {
      this.importSupplier.producer = ''
      this.importSupplier.country = ''
      this.importSupplier.address = ''
      this.importSupplier.email = ''
      this.importSupplier.website = ''
      this.importSupplier.telephone = ''
      this.importSupplier.fax = ''
      this.importSupplier.staff = ''
      this.importSupplier.remarks = ''
      this.importSuppierVisible = false
    },
    importOneSupplier() {

    },
    addSupplierLabel() {
      this.supplierLabelLength.push('')
      this.SupplierLabelValue.push('')
      this.selectedSupplier.push('')
      this.doubleSupplierList.push(this.supplierList)
    },
    delSupplierLabel(index) {
      if (this.supplierLabelLength.length === 1)
        return
      this.supplierLabelLength.splice(index - 1, 1)
      this.SupplierLabelValue.splice(index - 1, 1)
      this.selectedSupplier.splice(index - 1, 1)
      this.doubleSupplierList.splice(index - 1, 1)
    },
    resetSupplierLabel() {
      this.importSuppierLabelVisible = false
      this.supplierLabelLength = ['']
      this.selectedSupplier = ['']
      this.SupplierLabelValue = ['']
    },
    //控制折叠
    foldComment(index) {
      if (this.isfold[index] == false) {
        this.isfold[index] = true
        this.$forceUpdate()//强制渲染
        console.log(this.isfold[index]);
      } else {
        this.isfold[index] = false
        this.$forceUpdate()//强制渲染
      }
    },
    //评论部分点击发送按钮
    addComment(it) {
      console.log('it', it);
      var comment1 = {}
      comment1.userId = JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.id
      comment1.dataId = it.dataId
      comment1.parentCommentId = it.id
      comment1.nickname = eval('(' + window.localStorage.getItem('pro__Login_Userinfo') + ')').value.realname
      comment1.content = this.reply
      comment1.createTime = ''
      this.axios({
        url: '/systemmanagement/comment/commentDataSave',
        method: 'POST',
        data: comment1
      }).then(res => {
        if (res.data.flag = true) {
          this.$message.success("评论成功！！！")
          this.getComment()
        }
      })
      this.flag = -1
      this.reply = ''
    },
    addNewComment(id) {
      var comment1 = {}
      comment1.userId = JSON.parse(localStorage.getItem('pro__Login_Userinfo')).value.id
      comment1.dataId = id
      comment1.parentCommentId = ''
      comment1.nickname = eval('(' + window.localStorage.getItem('pro__Login_Userinfo') + ')').value.realname
      comment1.content = this.newComment
      comment1.createTime = ''
      this.axios({
        url: '/systemmanagement/comment/commentDataSave',
        method: 'POST',
        data: comment1
      }).then(res => {
        if (res.data.flag = true) {
          this.$message.success("评论成功！！！")
          this.getComment()
        }
      })
      this.flag = -1
      this.reply = ''
    },
    //评论部分点击取消按钮
    cancelComment() {
      this.flag = -1
      this.reply = ''
    },
    //点击回复，禁用所有回复
    replyComment(id) {
      this.flag = id
    },
    //子评论的回复
    replyComment1(id) {
      this.flag = id
    },
    //当输入框失去焦点时
    showComment() {
      if (this.commentDetail === '') {
        this.flag = -1
      }
    },
    getComment() {
      this.commentDialog = true
      this.axios({
        methods: "GET",
        url: `/systemmanagement/comment/commentDataList?dataId=${this.conditionInfo.productId}`,
      }).then(res => {
        this.comment = res.data.data
        this.comment = this.comment.map(x => {
          x.commentNum = x.replyComments.length
          return x
        })
        console.log(this.comment);
      })
      for (var i = 0; i < this.comment.length; i++) {
        this.isfold[i] = false
      }
    },
    //获取测量条件
    getCondition() {
      var dataMessage = {}
      var condition = {}
      condition.curveTypes = '软磁' + this.conditionInfo.timeTypes + this.conditionInfo.curveTypes
      condition.productId = this.conditionInfo.productId
      dataMessage.conditionVo = condition
      dataMessage.pageVo = this.pageVo
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: '/productParameter/getParameter',
        method: 'post',
        data: dataMessage,
      }).then(res => {
        this.conditionList.datalist = res.data.result.data.records
      })
    },
    //获取测量数据，渲染echarts
    addChart(rows) {
      var h = -1
      this.myChart.dispose()
      this.option.series = []
      this.drawChart()
      if (rows == [])
        return false
      var arr = rows.map(x => {
        return x.id
      })
      var nameTitle = rows.map(x => {
        return '牌号:' + x.mark + ',裁剪角度/Deg:' + x.cuttingAngle + ',频率/Hz:' + x.frequency + '温度/Cel.Deg:' + x.temperature + ',最小磁密/T:' + x.minimumFluxDensity + ',最大磁密/T:' + x.maximumFluxDensity + '叠压方向应力/MPa:' + x.overlyingStress + ',消除应力退火:' + x.stressReliefAnnealing + ',测量人员:' + x.testControler
      })
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: '/productMetricalData/getMaterialData',
        method: 'POST',
        data: new Object({ type: '软磁' + this.conditionInfo.timeTypes + this.conditionInfo.curveTypes, dataId: arr })
      }).then(res => {
        this.measureList = res.data.result[res.data.result.length - 1]
        this.chartList = res.data.result
        this.chartList.map(x => {
          return x.map(y => {
            return new Object([parseFloat(y.unitHm), parseFloat(y.unitBm)])
          })
        }).map(x => {
          h++
          console.log(nameTitle[h]);
          this.option.series.push({
            name: h + "," + nameTitle[h],
            type: 'line',
            data: x,
            smooth: false
          })
        })
        this.drawChart()
      })
    },
    drawChart() {
      this.myChart = echarts.init(document.getElementById('main'))
      this.myChart.setOption(this.option)
    },
    showGraph() {
      if (this.conditionInfo.curveTypes == '' || this.conditionInfo.timeTypes == '' || this.sampleSize == '') {
        return false
      } else if (this.conditionInfo.curveTypes == '原始波形' && this.conditionInfo.timeTypes == '静态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[0] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.staticOriginalWave[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.staticOriginalWave[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.staticOriginalWave[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.staticOriginalWave[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.staticOriginalWave[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.staticOriginalWave[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.staticOriginalWave[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.staticOriginalWave[7]
        }
      } else if (this.conditionInfo.curveTypes == '磁化曲线' && this.conditionInfo.timeTypes == '静态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[1] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.staticMagnetizingCurve[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.staticMagnetizingCurve[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.staticMagnetizingCurve[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.staticMagnetizingCurve[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.staticMagnetizingCurve[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.staticMagnetizingCurve[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.staticMagnetizingCurve[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.staticMagnetizingCurve[7]
        }
      } else if (this.conditionInfo.curveTypes == '磁滞回线' && this.conditionInfo.timeTypes == '静态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[2] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.staticHysteresisLoop[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.staticHysteresisLoop[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.staticHysteresisLoop[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.staticHysteresisLoop[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.staticHysteresisLoop[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.staticHysteresisLoop[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.staticHysteresisLoop[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.staticHysteresisLoop[7]
        }
      } else if (this.conditionInfo.curveTypes == '铁损曲线' && this.conditionInfo.timeTypes == '静态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[3] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.staticIronLossCurve[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.staticIronLossCurve[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.staticIronLossCurve[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.staticIronLossCurve[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.staticIronLossCurve[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.staticIronLossCurve[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.staticIronLossCurve[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.staticIronLossCurve[7]
        }
      } else if (this.conditionInfo.curveTypes == '原始波形' && this.conditionInfo.timeTypes == '动态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[4] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.dynamicOriginalWave[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.dynamicOriginalWave[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.dynamicOriginalWave[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.dynamicOriginalWave[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.dynamicOriginalWave[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.dynamicOriginalWave[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.dynamicOriginalWave[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.dynamicOriginalWave[7]
        }
      } else if (this.conditionInfo.curveTypes == '磁化曲线' && this.conditionInfo.timeTypes == '动态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[5] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.dynamicMagnetizingCurve[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.dynamicMagnetizingCurve[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.dynamicMagnetizingCurve[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.dynamicMagnetizingCurve[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.dynamicMagnetizingCurve[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.dynamicMagnetizingCurve[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.dynamicMagnetizingCurve[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.dynamicMagnetizingCurve[7]
        }
      } else if (this.conditionInfo.curveTypes == '磁滞回线' && this.conditionInfo.timeTypes == '动态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[6] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.dynamicHysteresisLoop[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.dynamicHysteresisLoop[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.dynamicHysteresisLoop[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.dynamicHysteresisLoop[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.dynamicHysteresisLoop[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.dynamicHysteresisLoop[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.dynamicHysteresisLoop[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.dynamicHysteresisLoop[7]
        }
      } else if (this.conditionInfo.curveTypes == '铁损曲线' && this.conditionInfo.timeTypes == '动态') {
        this.tableVisiable = [0, 0, 0, 0, 0, 0, 0, 0]
        this.tableVisiable[7] = 1
        if (this.sampleSize == '实心圆环') {
          this.conditionList = this.dynamicIronLossCurve[0]
        } else if (this.sampleSize == '叠片圆环') {
          this.conditionList = this.dynamicIronLossCurve[1]
        } else if (this.sampleSize == '爱泼斯坦方圈试样') {
          this.conditionList = this.dynamicIronLossCurve[2]
        } else if (this.sampleSize == '一维单片') {
          this.conditionList = this.dynamicIronLossCurve[3]
        } else if (this.sampleSize == '微小异形') {
          this.conditionList = this.dynamicIronLossCurve[4]
        } else if (this.sampleSize == '卷绕铁心') {
          this.conditionList = this.dynamicIronLossCurve[5]
        } else if (this.sampleSize == '二维单片') {
          this.conditionList = this.dynamicIronLossCurve[6]
        } else if (this.sampleSize == '三维单片') {
          this.conditionList = this.dynamicIronLossCurve[7]
        }
      } else {
        return false
      }
      this.getCondition()
    },
    //曲线类型选择判断
    judge1() {
      this.conditionInfo.curveTypes = this.curve
      this.showGraph()
    },
    //时间形式选择判断
    judge2() {
      this.conditionInfo.timeTypes = this.display
      this.showGraph()
    },
    //选取一项的事件
    parameterClick(currentRow) {
      this.axios({//获取数量
        baseURL: 'http://59.172.104.174:30669',
        url: `/productParameter/selectNum?id=${currentRow.id}`,
        methods: "GET",
      }).then(res => {
        this.conditionNum = res.data.result
      })
      this.producerDetail = {
        producer: '',
        country: '',
        address: '',
        email: '',
        website: '',
        telephone: '',
        fax: ''
      }
      this.sampleSize = currentRow.specification
      this.conditionInfo.productId = currentRow.id
      this.mark = currentRow.grade
      this.producer = currentRow.manufacturer
      this.getDetailMessage()
      this.showGraph()
    },
    //页码改变
    handleSizeChange(newSize) {
      this.queryInfo.pageSize = newSize
      this.loadData()
    },
    handleCurrentChange(newPage) {
      this.queryInfo.pageNum = newPage
      this.loadData()
    },
    //页码改变
    handleSizeChange1(newSize) {
      this.pageVo.pageSize = newSize
      this.getCondition()
    },
    handleCurrentChange1(newPage) {
      this.pageVo.pageNum = newPage
      this.getCondition()
    },
    loadData() {
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: '/productParameter/selectParameter',
        method: 'POST',
        data: this.queryInfo
      }).then(res => {
        this.parameterList = res.data.result.records
        this.total = res.data.result.total
      })
    },
    //获取国内外相同牌号
    getMark() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: `/basicsMarks/selectMark?mark=${this.mark}`,
        methods: 'GET',
      }).then(res => {
        //console.log("国内外相同牌号=>", res.data);
        this.sameCountry = res.data.result
      })
    },
    //获取材料标签
    getMaterialLabel() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: `/basicsMaterialLabel/selectMaterialLabel?mark=${this.mark}`,
        methods: 'GET',
      }).then(res => {
        this.materialLabel = res.data.result
      })
    },
    //获取化学成分
    getChemical() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: `/basicsChemicalComponent/selectChemical?mark=${this.mark}`,
        methods: 'GET',
      }).then(res => {
        this.chemical = res.data.result
        //console.log("化学成分=>", res.data);
      })
    },
    //获取生产商
    getProducer() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: `/basicsProducerInformation/selectProducer?producer=${this.producer}`,
        methods: 'GET',
      }).then(res => {
        if (res.data.result !== null) {
          this.producerDetail = res.data.result
        }
      })
    },
    //获取生产商标签
    getProducerLabel() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: `/basicsManufacturerLabel/selectProducerLabel?producer=${this.producer}`,
        methods: 'GET',
      }).then(res => {
        this.producerLabel = res.data.result
      })
    },
    //获取样品规格参数
    getSimpleSize() {
      this.axios({
        baseURL: 'http://59.172.104.174:30669',
        url: `/productMagneticSpecification/getSimpleSize?productId=${this.conditionInfo.productId}`,
        methods: 'GET',
      }).then(res => {
        //console.log("样品规格参数=>", res.data);
      })
    },
    //获取详细信息
    getDetailMessage() {
      this.getMark()
      this.getMaterialLabel()
      this.getChemical()
      this.getProducer()
      this.getProducerLabel()
      this.getSimpleSize()
    },
    // 处理未选择情况下的提示
    unSelected(flag) { 
      this.unSelectedFlag = flag
    },
    //获取常用信息
    getOriginMessage() {
      this.getSupplier()
      this.getStandard()
      this.getSize()
      this.getAllMark()
    },
    //获取所有生产商
    getSupplier() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: '/basicsProducerInformation/getProducerName',
        method: 'GET',
      }).then(res => {
        this.supplierList = res.data.result
        this.doubleSupplierList.push(this.supplierList)
      })
    },
    //获取所有的执行标准
    getStandard() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: '/basicsExecutionStandard/selectExecution',
        method: 'POST',
      }).then(res => {
        this.standardList = res.data.result
      })
    },
    //获取样品规格
    getSize() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: '/basicsSpecificationName/selectSpecificationName?dataNum=1',
        method: 'GET',
      }).then(res => {
        this.sizeList = res.data.result
      })
    },
    //获取所有牌号
    getAllMark() {
      this.axios({
        baseURL: 'http://59.172.104.174:31770',
        url: '/basicsMarks/getAllMarks',
        method: 'GET',
      }).then(res => {
        this.markList = res.data.result.mark
        this.doubleMarkList.push(this.markList)
      })
    }
  },
}
</script>

<style scoped>
.box {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.el-divider--horizontal {
  font-weight: 100;
  display: block;
  height: 1px;
  width: 100%;
  margin: 10px 0;
}
.myMessageClass{
  z-index: 5000!important;
}
</style>


